<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<meta name="format-detection" content="telephone = no" />
		<meta name="format-detection" content="email = no" />
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet"/>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>

	</head>

	<body>
		<div id="app">
			<header class="header">
				<div class="head_title" id="head_title">{{ message }}</div>
			</header>
			<section class="section">
				<div class="header_img"></div>
				<div class="comn_se">
					<div class="comn_one">
						<ul id="comn_one_li">
							<li v-for="item in myData">
								<p><img :src="item.img" /></p>
								<p>{{ item.message}}</p>
							</li>
						</ul>
					</div>
					<div class="comn_one">
						<ul id="comn_one_li_2">
							<li v-for="item in myData">
								<p><img :src="item.img" /></p>
								<p>{{ item.message}}</p>
							</li>
						</ul>
					</div>

				</div>
				<div class="product_comn"  id="product">
					<div class="product" v-for="item in myData">
						<div class="product_one" >
							<span class="pro_zi">{{ item.pro_zi }}</span>
							<span class="pro_zi_one">{{ item.messcomn}}</span>
						</div>
						<div class="product_two">
							<div class="product_two_one">
								<span>{{ item.Percentage }}</span>
								<span>{{ item.time }}</span>
								<span>可投{{ item.Total }}</span>
							</div>
							<div class="product_two_two">
								<img src="img/hong.jpg" />
							</div>
							<div class="product_two_five">
								<span v-for="item in sites">{{  item.name }}</span>
							</div>
						</div>
						<div class="bth_one">
							<a href="" class="bth_one_a">{{ item.My }}</a>
						</div>
					</div>
				</div>
			</section>
			<footer>
				<ul>
					<li>
						<img src="img/li1.jpg">
						<a href="index.html">首页</a>
					</li>
					<li>
						<img src="img/li2.jpg">
						<a href="Project_list.html">项目</a>
					</li>
					<li>
						<img src="img/li3.jpg">
						<a href="">我的</a>
					</li>
					<li>
						<img src="img/mose1.png">
						<a href="">我的</a>
					</li>
				</ul>
			</footer>
		</div>

	</body>
	<script src="js/index_vue.js" type="text/javascript" charset="utf-8"></script>

</html>